/*! SCSS随笔-mixin与@extend
 * @prams url: https://jikun.blog.csdn.net/article/details/120341036
 * -----------------------------------------------------------------
 * -----------------------------------------------------------------
 * ！SCSS全部重写了，采用uview规范，每个标签都是单独的类名，不再有共享类名。
 * -----------------------------------------------------------------
 * -----------------------------------------------------------------
 * ！每一部分都是一个单独的scss文件
 * -----------------------------------------------------------------
 * -----------------------------------------------------------------
 * ! 已经把 nvue样式 报警 彻底解决掉了，从此版起，编译不会有css警告！
 * -----------------------------------------------------------------
 * -----------------------------------------------------------------
 * ! 鸿蒙OS系统 rpx单位如果存在元素放大或者缩小了，请去uniapp官方适配rpx
 * 地址：https://uniapp.dcloud.io/collocation/pages?id=globalstyle
 * globalStyle > dynamicRpx  设置为true
 * -----------------------------------------------------------------
 * -----------------------------------------------------------------
 */

@import './mixin.scss';
@import './flex.scss';
@import './style.scss';
@import './vue.scss';
@import './nvue.scss';
// 更改系统字体，防止播放器内部字体被系统字体干扰
@import './app-ttf.scss';
@import './new_ios.scss';
// 引入播放器scss配置文件
@import './config/config.scss';


/*！以下是播放器内部样式
 *! 已经分成每一个单独的
 *！不分序号，越靠后面，层级越高
 *！序号越大，就越是最近新增的
 */

// 【01,02】播放器开始播放前和准备中.....
@import './video-slot-scss/onReady-loading.scss';

// 【03】error视频播放出错时 .....
@import './video-slot-scss/VideoShowError-box.scss';

// 【04】loading视频加载中 .....
@import './video-slot-scss/VideoShowloading-box.scss';

// 【18】弹幕组件区
// scss 写在组件里

// 【05】手指触摸移动时显示[音量?亮度?视频进度?]同步调节面板  .....
@import './video-slot-scss/TouchFull-view.scss';

// 【15】音频View抽屉盒子  .....
@import './video-slot-scss/Yinpin-box.scss';

// 【06】抽屉面板盒子[只在全屏下有效]    .....
@import './video-slot-scss/drawer-view.scss';

// 【10】手指触摸区View盒子    .....
@import './video-slot-scss/TouchView.scss';

// 【16】锁屏面板  ..... 详情如下
/*! 【16】锁屏面板 
 * 16-1 [进入全屏时] 锁屏面板-中间靠左-conter-left部分 （关闭锁屏按钮）
 * 16-2 [进入全屏时] 锁屏面板-底部-Bottom部分 （锁屏时的预览进度条）
 * --------------------------------------------------------------
 * 2022-0108更新日志：
 * 新增 16-2 也在 [退出全屏时] 控制面板show=false时，显示锁屏时的预览进度条
 * 用途介绍在：SuoPingSlider.js
 */
@import './video-slot-scss/suoping-box.scss';

// 【09】暂停广告 视频暂停时 [贴片广告：可图片可视频] 
@import './video-slot-scss/pause-adView.scss';

// 【12】 进入全屏时][右边]点击了截屏图标时显示的截图view盒子 
@import './video-slot-scss/screenShot-box.scss';

// 【13】[进入全屏时][右边]点击了截图view盒子上的“分享”按钮时打开的分享截图View抽屉盒子
@import './video-slot-scss/Share-screenShot-box.scss';

// 【14】文字气泡View抽屉盒子，此抽屉盒子是单独的（退出全屏和进入全屏时都要有）
@import './video-slot-scss/TextBubble-box.scss';

// 【07】[退出全屏时]控制面板
@import './video-slot-scss/extFullControl.scss';

// 【08】[进入全屏时]控制面板    .....
@import './video-slot-scss/goFullControl.scss';

// 【17】发送弹幕View盒子 - （ps）弹幕编辑盒子（写弹幕发送弹幕）
@import './video-slot-scss/danmuInputView.scss';

// 【19】广告视频的UI控制面板组件区
// scss 写在组件里

// 【20】手动控制播放提示的画面（用于组件上autoplay=false时 和 当前网络为4G时并且autoplay=false时） .....
@import './video-slot-scss/onManual-play-box.scss';


// 【11】[退出全屏时][top左边]返回图标 是单独写在外面
@import './video-slot-scss/Back-btn-box.scss';



// 以下是公用样式

// 【07+08】[退出全屏时] + [进入全屏时] 控制面板 公共通用样式
@import './video-slot-scss/commFullControl.scss';





/* 
 * 颜色区 
 * 灰白：#e2e1e2
 * 绿：#00d0d3(优酷色)，#00e208(爱奇艺色)
 * 黄：#ffdc91，#eccc68，#f1c40f，#f6c67e
 * 橙：#ffa502，#f39c12，#ff9f43，#ffbc43
 * 字色：#f1f1f1
 * 
 * 发送弹幕View盒子（编辑弹幕）颜色区
 * 黑 - 背景：#1d1d1f
 * 灰 - 发送弹幕按钮背景色：#666666
 * 黑 - 发送弹幕按钮文字色：#2e2e2e
 * 灰黑 - 弹幕输入框背景：#303030
 * 灰黑白 - 弹幕输入框为空时文字色:#838383 , #7a7a7a
 * tabs-icon图标色：#d2d2d2
 * 浅色文字色：#adadad 
 * 热词文字色：#bbbbbb
 * 热词文字边框色：#666667 , #8e8e90
 * 
 *  
 */


